<template>
	<view class="bigbox">

		<view class="inputs">
			<input type="text" placeholder="搜索关键字" style=" background-color: #ececec; font-size: 30rpx;" />
			<uni-icons custom-prefix="iconfont" type="icon-sousuo"
				style="position: absolute; top: 20rpx;left: 80rpx; color: #676767;font-size:　30rpx;"
				size="30"></uni-icons>
		</view>

		<view class="tab">
			<span>全部</span>
			<span>系统消息</span>
		</view>

		<view class="con" style="padding-bottom: 100rpx;">
			<view class="box">
				<view class="">
					<image src="/static/image/xiaoxi.png" style="width: 100rpx;height: 100rpx;"></image>
				</view>
				<view class="text">
					<view class="top">
						<span>高玲</span>
						<span>上午8：16</span>
					</view>
					<view class="">
						收到
					</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/xiaoxi2.png" style="width: 100rpx;height: 100rpx;"></image>
				</view>
				<view class="text">
					<view class="top">
						<span>张豪</span>
						<span>上午8：16</span>
					</view>
					<view class="">
						家里暖气不热了，能派人过来修吗
					</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/xiaoxi2.png" style="width: 100rpx;height: 100rpx;"></image>
				</view>
				<view class="text">
					<view class="top">
						<span>张豪</span>
						<span>上午8：16</span>
					</view>
					<view class="">
						家里暖气不热了，能派人过来修吗
					</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/xiaoxi2.png" style="width: 100rpx;height: 100rpx;"></image>
				</view>
				<view class="text">
					<view class="top">
						<span>张豪</span>
						<span>上午8：16</span>
					</view>
					<view class="">
						家里暖气不热了，能派人过来修吗
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	@import url(../../../static/less/pages/news/news.less);
</style>